<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I embed an mp3 audio in a text box?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I embed an mp3 audio in a text box?</h1></div>
<div>



      <div class="step screensteps-section screensteps-depth-1" id="in-the-text-box-position-your-cursor-where-you-want-to-embed-the-mp3-audio-file">
    <h2 class="step-title screensteps-heading">In the text box, position your cursor where you want to embed the mp3 audio file.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/315/849/original/cd998632-4907-4015-900a-6e9db73ce667.png" alt="" height="348" width="799">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-insert-edit-movie">
    <h2 class="step-title screensteps-heading">Click Insert/Edit Movie.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/160/916/original/566f08dd-b4ce-4318-bb17-8e6d02d315cd.png" alt="" height="346" width="791">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_022A36B7-D5B0-4257-9B4A-5BA65A6556D0" class="text-block-content">
    <p>This displays the Movie Properties dialog box.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Browse Server.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/160/918/original/9f3f45ed-a81e-442f-a8e9-3b7eee18d974.png" alt="" height="419" width="522">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_CBB73374-BE00-460D-B2BD-225C39944979" class="text-block-content">
    <p>This displays the Entity Picker dialog box.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click the Upload file icon.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/005/160/920/original/a80ed997-affc-46ad-86e2-875917766b3f.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/005/160/920/medium/a80ed997-affc-46ad-86e2-875917766b3f.png" alt="" height="462" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_711C4533-E0DC-4C44-80A6-5417B298018A" class="text-block-content">
    <p>Click on the Resources folder for the site you are in. Then click on the Upload File icon to upload the mp3 file. If the file is already in Resources, click on the file and then choose OK.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Drop files or paste URLs or clipboard images.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/315/851/original/a962d094-3945-4680-90ef-69e342b3e2aa.png" alt="" height="203" width="325">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Or click Select files.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/315/853/original/3756e77c-6c48-4882-9aa2-2f6689460387.png" alt="" height="200" width="321">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_EAA87628-52FA-472C-AD96-5D05EC8076C4" class="text-block-content">
    <p>This displays an upload file dialog box.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="select-the-mp3-audio-file-you-want-to-embed-in-the-text-box">
    <h3 class="step-title screensteps-heading">Select the mp3 audio file you want to embed in the text box.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/315/856/original/af45edc0-0416-4f39-82e8-b500be18ed60.png" alt="" height="366" width="739">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_2ED06EA7-0493-4B9B-9E29-DF88315268C9" class="text-block-content">
    <p>Once you have located and selected the audio file, click <strong>Open</strong> to upload it.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click OK.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/001/338/003/original/55a4be11-c57e-43c7-88e6-5bbe23281577.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/001/338/003/medium/55a4be11-c57e-43c7-88e6-5bbe23281577.png" alt="" height="466" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_29B60CC4-204A-4E34-9D8D-0A82EF5A5F55" class="text-block-content">
    <p>Once the file finishes uploading, it will show in the file directory listing and will be selected by default. Click <strong>OK</strong> to continue.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="set-the-height-to-35-and-then-click-ok">
    <h2 class="step-title screensteps-heading">Check the boxes for Responsive width and Show controls, and then click OK.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/315/862/original/20f62c85-0220-487a-a599-46f78a684dd1.png" alt="" height="418" width="521">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="view-the-embedded-audio-file-in-the-editor">
    <h2 class="step-title screensteps-heading">View the embedded audio file in the editor.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/315/855/original/1def99f0-beac-4f1e-9fa4-2f92cb4abfb0.png" alt="" height="344" width="795">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_14CDF30E-7AB8-4EBE-9DAC-6AFC7E5ADA91" class="text-block-content">
    <p>The editing display will show the embedded audio player. </p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
